@import './base.css';

/* 通用样式 */
.flex-column {
  display: flex;
  flex-direction: column;
}

/* 页面样式 */
.page-home {
  .flex-column;
  flex: 1;
  padding: 20px;
  background: var(--color-text-white);
  border-radius: 4px;
  height: 100%;
  overflow-y: auto;
}

.page-select {
  display: flex;
  align-items: center;
  min-height: 64px;
  flex: 0 0 auto;
  margin-bottom: 1px;
  .ant-form-inline .ant-form-item{
    height: 42px;
    line-height: 42px;
  }
}

.select-button,
.reset-button {
  width: 80px;
  height: 32px;
  font-size: 14px;
}

.reset-button{
  margin-right: 8px;
}

.page-select .ant-select,
.page-select .ant-input {
  width: 240px;
}

.page-content{
  .flex-column;
  flex: 1 0 auto;
  padding: 20px 0;
}

.content-action {
  display: flex;
  flex: 0 0 auto;
  overflow-y: auto;
  height: 44px;
}

.content-cls {
  .flex-column;
  flex: 1 0 auto;
}

.content-pagination {
  display: flex;
  justify-content: end;
  align-items: center;
  height: 72px;
  flex: 0 0 auto;
}